<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>
<link rel="stylesheet" href="Tomepage.css">
<body>
    <div class="web">
        <!-- 导航栏 -->
        <header>
        <div class="title-header">
            <div class="title">
                <h1>TOPCREST </h1>
                    &nbsp;&nbsp;<p>郭冠科技&nbsp;<span class="r">Ⓡ</span><br><span class="gg">IMAGING SOLUTION</span></p>
            </div>
            <div class="titlegy">
                <a href="#">关于我们｜</a>
                <a href="#">联系我们｜</a>
                <a href="#">中文版｜</a>
                <a href="#">English|</a>
                <a href="#">微博入口｜</a>
                <a href="#">郭冠视像</a>
            </div>
            <div class="titlesy">
                <a href="#">首页</a>
                <a href="#">音响</a>
                <a href="#">家庭系统</a>
                <a href="#">商业系统</a>
                <a href="#">客户服务</a>
                <a href="#">产品与科技</a>
                <a href="#">工程案例</a>
                <a href="#">资讯</a>
            </div>
        </div>
        </header>
        <!-- 产品介绍 -->
        <tbody>
            <div class="into">
                <div class="imgtwo">
                    <img src="./img/图层2.png" alt="" width="1328px" height="688"/>
                </div>
                <div class="imgfive"> 
                    <img src="./img/图层5.png" alt=""/>
                    <h2>TORCRESTA & V SOLUTION THE BEST FOR YOU!<br><span>只为您提供卓越</span></h2>
                    <input type="submit" value="点击购买" style="background-color: rgb(26,188,156);"> 
                    <input type="button" value="了解更多" style="background-color:rgb(21, 68, 129);">
                </div>
                <div class="details">
                    <h3>关于我们</h3>
                    <p>郭冠影音，在家庭影院定制设计安装，影院音视频设计领域处于行业领先地位的公司，致力于引进国际先进家庭影院，
                        杜比全景声影院，视听娱乐系统，推广世界知名音响产品，提供智能，舒适，全面，安全的全宅音视频影院集成方案。
                        凭借超过十年的从业经验，已经会成为一家集家庭影院音响品牌代理，影音设备供应，影音系统咨询设计，工程安装，
                        项目监理为一体的规模化企业。我司为众多高档别墅，高端会所，星级酒店等场所，从多角度全方面、定制设计出的
                        智能影院音视频系统，获得业界内及客户极高的赞誉。我们专注于为客户提供全方位的，即使的，真诚的售后服务。
                    </p>
                </div>
                <div class="imgtw">
                    <img src="./img/T2Wxv3Xj8XXXXXXXXX_!!807974445.jpg_430x430q90.png" alt="">
                </div>

                <div class="server">
                <div class="what">
                    <h1>WHAT WE DO<br><span>我们能做什么</span></h1>
                </div>
                <div class="imgserver">
                    <img src="./img/user.png" alt="">
                    <img src="./img/network.png" alt="">
                    <img src="./img/music.png" alt="">
                </div>
                <div class="textgg">
                    <div>
                        <p>郭冠影音，在家庭影院定义为用户提供免费安装，为您的生活提供便捷方便的服务。</p>
                    </div>
                    <div>
                        <p>郭冠影音，在家庭影院为用户推出定制设计服务，让您的生活变得更加丰富个性。</p>
                    </div>
                    <div>
                        <p>郭冠影音，在家庭影院为用户提供安全放心的售后保障服务，让你后顾之优。</p>
                    </div>
                </div>

                <div class="agroNews">
                    <div class="new">
                        <a href="file:///Users/mr.f/Desktop/fengxiayong/TopcrestProject/Listpage.html">最新资讯 &nbsp;NEW</a>
                    </div>
                    <div class="box"></div>
                    <div class="imgobjects">
                        <div class="imgone">
                                <div>
                                    <img src="./img/矢量智能对象.png" alt="">
                                    <p>[音视频工程]郭冠科技独家承建中兴通讯公司<br>
                                        <span>工程宴会厅音视频系统。<span class="imgspan">[2015-10-12]</span></span>
                                    </p>    
                                </div>
                                <div>
                                    <img src="./img/矢量智能对象.png" alt="">
                                    <p>[家庭影院]现代格调私人家庭影院配置方案报价。<br>
                                        <span class="imgspan">[2015-10-12]</span>
                                    </p>     
                                </div>
                        </div>

                                <div class="imgtwo">
                                    <div>
                                        <img src="./img/矢量智能对象.png" alt="">
                                        <p>[音视频工程]郭冠科技独家承建中兴通讯公司<br>
                                            <span>工程宴会厅音视频系统。<span class="imgspan">[2015-10-12]</span></span>
                                        </p>    
                                    </div>
                                    <div>
                                        <img src="./img/矢量智能对象.png" alt="">
                                        <p>[家庭影院]现代格调私人家庭影院配置方案报价。<br>
                                            <span class="imgspan">[2015-10-12]</span>
                                        </p>     
                                    </div>
                                </div>

                                <div class="imgthree">
                                    <div>
                                        <img src="./img/矢量智能对象.png" alt="">
                                        <p>[音视频工程]郭冠科技独家承建中兴通讯公司<br>
                                            <span>工程宴会厅音视频系统。<span class="imgspan">[2015-10-12]</span></span>
                                        </p>    
                                    </div>
                                    <div>
                                        <img src="./img/矢量智能对象.png" alt="">
                                        <p>[家庭影院]现代格调私人家庭影院配置方案报价。<br>
                                            <span class="imgspan">[2015-10-12]</span>
                                        </p>     
                                    </div>
                                </div>
                        </div>

                        <div class="cpkj">
                            <h1>产品与科技</h1>
                        </div>
                        <div class="boxs"></div>

                        <div class="imgproduct">
                            <img src="./img/图层15.png" alt="">
                            <div class="imgsix">
                                <img src="./img/图层16.png" alt="">
                            </div>
                            <div class="imgld">
                                <img src="./img/亮度对比度1.png" alt="">
                            </div>
                            <div class="imgsixs">
                                <img src="./img/图层16拷贝.png" alt="">
                            </div>
                            <div class="imgiconright">
                                <img src="./img/icon.png" alt="">
                            </div>
                            <div class="imgiconleft">
                                <img src="./img/icon拷贝.png" alt="">
                            </div>
            </div>
            </div>
        </tbody>
        <!-- 反馈尾部 -->
        <footer>
            <div class="footer">
                <div class="imgewm">
                    <img src="./img/151829xzy1yjsm1ojivm4i.png" alt="">
                    <p>扫描二维码了解更多内容</p>
                </div>
                <div class="contact">
                    <ul type="none">
                        <li class="contactlx">联系方式：</li>
                        <li>
                            <img src="./img/callup.png" alt="" class="imgcallup">
                            <p class="contactsz">0755-25023651 0755-25023653 <br><span>0755-25023658 0755-25023659</span></p>
                        </li>
                        <li>
                            <img src="./img/mail.png" alt=""> <span>12311231@qq.com</span>
                        </li>
                        <li>
                            <img src="./img/mappin.png" alt=""> <span>深圳市深南中路绿景广场（NEO企业大道）B栋32F</span>
                        </li>
                    </ul>
                </div>
                <div class="feedback">
                    <p>用户反馈：</p>
                    <input type="text" value="你的名字" class="one" /> 
                    <br>
                    <input type="text" value="你的电子邮箱" class="two" />
                    <input type="text" value="请输入一个标题" class="three" />
                    <br>
                    <input type="textarea" value="请输入你要留言的内容" id="four" />
                    <input type="submit" value="留言" id="five" />
                </div>

                <div class="bottom">
                    <div class="traiangle"></div>
                    <p>深圳市郭冠科技有限公司 &nbsp;Shenzhen Topcrest Technology Co.,Ltd</p>
                    <p>Shenzhen Topcrest Technology Co.,Ltd. All Rights Reserved/powered By Ciya Interactive 粤ICP备09077069号-2</p>
                </div>

            </div>
        </footer>
    </div>
</body>
</html>